html,
body {
    background-color: #f4e4e2;
}

// 页脚
.footerAll {
    background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);

}

// <!-- 数字部分 -->
.run-top {
    margin-top: 10px;
    color: rgb(94, 91, 91);

    .run-topnum {
        margin-top: 20px;
        margin-bottom: 10px;

        span {
            color: #a1c4fd;
            font-size: 40px;
        }
    }
}

main {


    // 三个定位
    .run-txt {
        top: 45px;
        left: 30px;
        z-index: 99;

        p {
            width: 80px;
            line-height: 35px;
            border-radius: 15px;
            background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
            text-align: center;
            color: #fff;
        }

        .run-txtone {
            margin-left: 20px;
            margin-right: 20px;
        }
    }

    // go
    .run-go {
        top: 145px;
        left: 108px;
        z-index: 99;
        display: block;
        text-align: center;
        width: 120px;
        height: 120px;
        line-height: 120px;
        border-radius: 50%;
        background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);

        span {
            font-size: 40px;
            font-weight: bold;
            color: #69a5da
        }

        ;
    }

    // 下面图标
    .run-font {
        top: 335px;
        left: 22px;
        z-index: 99;

        #run-fontone {
            text-align: center;
            line-height: 40px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #eef2f3;
        }

        #run-fonttwo {
            margin-left: 60px;
            margin-right: 60px;
            width: 100px;
            height: 30px;
            line-height: 30px;
            border-radius: 15px;
            text-align: center;
            color: #eef2f3;
            background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
        }
    }


  




}

  // 跑步路线
  .run {
    bottom: -164px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 60px;
    background: #f4e4e2;
    align-items: center;

    .run-bottom {
        align-items: center;

        div {
            .bottom-one {
                color: #696a6a;
                margin-top: 10px;
            }
        }

        .iconfont {
            font-size: 30px;
        }
    }

}


#tu {
    width: 100%;
    height: 600px;
}